﻿@model BeanOverflow.Models.MemberProfile

@section Styles {
    <link href="@Url.Content("~/Content/Profile.css")" rel="stylesheet" type="text/css" />
}

@{
    ViewBag.Title = "Details";
}


<h2>@Html.DisplayFor(model => model.UserId)</h2>


<div class="profileContainer">
    <div class="profileImage">
     @if (Model.ImageData == null)
            {
                <div class="image">None</div>
            }
            else
            {
                <img class="image" src="@Url.Action("Image", "MemberProfile", new { id = @Model.UserId })" />
            }
    </div>
    <div class="profileInfoContainer">
        <div class="labelContainer">
            <div class="row">
                <div class="display-label">Email</div>
            </div>
            <div class="row">
                <div class="display-label">Position</div>
            </div>
            <!--<div class="row">
                <div class="display-label">Role</div>
            </div> -->
            <div class="row">
                <div class="display-label">Biography</div>
            </div>

          <!--  <div class="row">
                <div class="display-label">companyId</div>
            </div> -->
        </div>
        <div class="valueContainer">
            <div class="row">
                <div class="display-field">
                    @ViewBag.userEmail&nbsp;
                </div>
            </div>
            <div class="row">
                <div class="display-field">
                    @Html.DisplayFor(model => model.Position)&nbsp;
                </div>
            </div>
            <!--<div class="row">
                <div class="display-field">
                    @Html.DisplayFor(model => model.role)&nbsp;
                </div>
            </div> -->
            <div class="row">
                <div class="display-field">
                    @Html.DisplayFor(model => model.Bio)&nbsp;
                </div>
            </div>
           <!-- <div class="row">
                <div class="display-field">
                    @Html.DisplayFor(model => model.companyId)
                </div>
            </div>-->
        </div>
        <p>
            @if (Model.UserId == User.Identity.Name)
            {
                @Html.ActionLink("Edit", "Edit", new { id = Model.UserId }) 
            }
        </p>
    </div>
    <div class="clear"></div>
</div>

<h2>Stats</h2>

<div class="labelContainer">
    <div class="row">
        <div class="display-label">Questions</div>
    </div>
    <div class="row">
        <div class="display-label">Answers</div>
    </div>

    <div class="row">
        <div class="display-label">Votes Cast</div>
    </div>

    <!-- <div class="row">
        <div class="display-label">Tags</div>
    </div>
    <div class="row">
        <div class="display-label">Badges</div>
    </div> -->
</div>
<div class="valueContainer">
    <div class="row">
        <div class="display-field">
            @ViewBag.questionsAskedCount
        </div>
    </div>
    <div class="row">
        <div class="display-field">
            @ViewBag.responseCount
        </div>
    </div>
    <div class="row">
        <div class="display-field">
            4
        </div>
    </div>
    <!--<div class="row">
        <div class="display-field">
            7
        </div>
    </div>
    <div class="row">
        <div class="display-field">
            7
        </div>
    </div> -->
</div>